<template>
	<view>
		
		<!-- 404页面 -->
		<view class="noData" v-if="netWorkType == 'none'"><noData @handle="refresh"></noData></view>
		<view v-if="netWorkType != 'none'">
			
		<view class="iconfont">
			&#xe63f;
		</view>
		<view class="tis">
			订单支付成功
		</view>
		<!-- <view class="pay-amount">
			支付金额:
			<text class="p-val" v-if="amount">{{amount}} 元</text>
			<text class="p-val" v-else="amount">0 元</text>
			
		</view> -->
		<!-- <view class="remin">
			 门店确认产品归还,<text>押金</text>才可申请退款。
		</view>
		<view style="margin-top: 20upx;" class="remin">
			请<text>提醒</text>门店确认产品。
		</view>-->
		<view class="back">
			<view class="btn" @tap="toUser">返回首页</view>
		</view> 
		
		</view>
		
	</view>
</template>

<script>
	//获取网络状态
	import { mapGetters } from 'vuex';
	export default {
		data() {
			return {
				amount:0
			};
		},
		onLoad(e) {
			if(typeof e.amount != "undefined")
			{	
				this.amount = parseFloat(e.amount).toFixed(2);
			}
		},
		computed: {
			//注册网络状态
			...mapGetters(['netWorkType'])	
		},
		methods: {
			// 刷新的方法
			refresh(){
			    // this.getUserInfo()        
			},
			toUser() {
				// console.log(1111)
				uni.reLaunch({
					url: '/pages/home/home'
				})
			 //  uni.reLaunch({
				// 	url: '/pages/index/index'
				// });
				// const _this = this
				// _this.$refer.setVilit('/pages/home/home')
				// let callback = function(url){
				//    _this.$refs.popupvLogin.open()
				// }
				// _this.$refer.toUrl(callback,'')
			}
		},
	}
</script>

<style lang="scss">
	view{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
.iconfont{
	width: 100%;
	font-size: 120upx;
	color: #09BB07;
	margin-top: 10vw;
}
.tis{
	width: 100%;
	margin-top: 20upx;
	font-size: 40upx;
}
.pay-amount{
	width: 100%;
	margin-top: 10upx;
	font-size: 32upx;
}
.remin{
	width:80%;
	margin-top: 80upx;
	font-size: 32upx;
	text{
		color: #E41F19;
		font-size: 32upx;
	}
}

.back{
	position: absolute;
	width: 100%;
	bottom: 80upx;
	.btn{
		padding: 0 50upx;
		height: 70upx;
		border: solid 2upx #4A5AA7;
		color: #4A5AA7;
		align-items: center;
		border-radius: 10upx;
		font-size: 34upx;
	}
}
</style>
